<!DOCTYPE html>
<html>
  <head>
    <title>子州美食</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta
      name="keywords"
      content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"
    />
    <script type="application/x-javascript">
      addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <!-- Custom Theme files -->
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/lightbox.css" />
    <script src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
      jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
          event.preventDefault();
          $("html,body").animate(
            { scrollTop: $(this.hash).offset().top },
            1000
          );
        });
      });
    </script>
  </head>
  <body>
    <!-- banner -->
    <div class="banner a-banner">
      <!-- container -->
      <div class="container">
        <div class="header">
          <div class="logo">
            <a href="index.html">榆林子州</a>
          </div>
          <div class="icons">
            <ul>
              <li><a href="#" class="facebook"> </a></li>
              <li><a href="#" class="facebook twitter"> </a></li>
              <li><a href="#" class="facebook chrome"> </a></li>
              <li><a href="#" class="facebook dribbble"> </a></li>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="top-nav">
          <span class="menu">菜单</span>
          <ul class="nav1">
            <li><a href="index.html">子州简介</a></li>
            <li><a href="history.html">文化历史</a></li>
            <li><a href="accomdation.html">住宿</a></li>
            <li><a href="food.html" class="active">子州美食</a></li>
            <li><a href="tell.html">景区公告</a></li>
            <li><a href="contact.html">联系我们</a></li>
          </ul>
          <!-- script-for-menu -->
          <script>
            $("span.menu").click(function () {
              $("ul.nav1").slideToggle(300, function () {
                // Animation complete.
              });
            });
          </script>
          <!-- /script-for-menu -->
        </div>
      </div>
      <!-- //container -->
    </div>
    <!-- //banner -->
    <!-- gallery -->
    <div class="gallery-top">
      <!-- container -->
      <div class="container">
        <div class="gallery-info">
          <h3>子州美食一览</h3>
          <p>作为一名资深吃货，我的梦想是：吃不胖然后吃遍天下！那么你呢？</p>
        </div>
        <div class="gallery-grids-top">
          <div class="gallery-grids">
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food1.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food1.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food2.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food2.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food3.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food3.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food4.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food4.jpg" alt=""
              /></a>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="gallery-grids gallery-grids-middle">
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food5.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food5.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food6.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food6.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food7.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food7.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food8.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food8.jpg" alt=""
              /></a>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="gallery-grids">
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food9.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food9.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food10.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food10.jpg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food11.jpeg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food11.jpeg" alt=""
              /></a>
            </div>
            <div class="col-md-3 gallery-grid">
              <a
                class="example-image-link"
                href="images/food12.jpg"
                data-lightbox="example-set"
                data-title=""
                ><img class="example-image" src="images/food12.jpg" alt=""
              /></a>
            </div>
            <div class="clearfix"></div>
          </div>
          <script src="js/lightbox-plus-jquery.min.js"></script>
        </div>
      </div>
      <!-- //container -->
    </div>
    <!-- //gallery -->
    <!-- footer -->
    <div class="footer">
      <!-- container -->
      <div class="container">
        <div class="col-md-6 footer-left">
          <h3>联系我们</h3>
          <form>
            <input
              type="text"
              placeholder="电子邮件,例如1435469178@qq.com"
              required=""
            />
            <input type="submit" value="提交" />
          </form>
        </div>
        <div class="col-md-3 footer-middle">
          <h3>地址</h3>
          <div class="address">
            <p>
              陕北黄土高原丘陵沟壑区腹地
              <span>榆林市南缘</span>
            </p>
          </div>
          <div class="phone">
            <p>0573-88731088</p>
          </div>
        </div>
        <div class="col-md-3 footer-right">
          <div class="f-logo">
            <a href="index.html">榆林子州</a>
          </div>
          <p>陕北黄土高原丘陵沟壑区腹地，榆林市南缘</p>
        </div>
        <div class="clearfix"></div>
      </div>
      <!-- //container -->
    </div>
    <!-- //footer -->
    <!-- copyright -->
    <div class="copyright">
      <!-- container -->
      <div class="container">
        <div class="copyright-left"></div>
      </div>
      <!-- //container -->
    </div>
    <!-- copyright -->
  </body>
</html>
